<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>
        啊速度发似懂非懂撒法师
        啊速度发似懂非懂撒法师
        啊速度发似懂非懂撒法师
        啊速度发似懂非懂撒法师
        啊速度发似懂非懂撒法师
        啊速度发似懂非懂撒法师
        啊速度发似懂非懂撒法师
        啊速度发似懂非懂撒法师
        啊速度发似懂非懂撒法师
        啊速度发似懂非懂撒法师
    </p>
    <script>
        // load  resize  scroll 

        // 关闭整个窗口的时候 触发这个   unload

        // 框选内容  触发 selectstart 


        // document.onselectstart = function(){
        //     alert('你正在框选,请先充值 ')
        // }


        // 用户第一次来这个网站  我记录下它离开网站的时间 
        
        
        // 下一次再来 提示'距离你上一次来 过了  天 小时 分钟  秒'

        // 浏览器的本地存储   localStorage
        // 来的时间 和上一次 离开的时间对比  
        // 上一次 离开的时间戳   和 第二次进来的时间戳 做一个比较  
        // js 的时间戳是13位  毫秒   
        // 需要转成秒 然后再格式化 成  天 小时 分钟  秒

        window.onunload = function(){
            window.localStorage.setItem('qf2304',new Date().getTime());
        }


        var prevtime = window.localStorage.getItem('qf2304');
        // 如果 prevtime 存在 说明曾经来过  
        // 如果 没有  说明第一次过来  
        var str = '初次见面请多多关照';
        if(prevtime){
            var newtime = new Date().getTime();
            var sub = Math.ceil((newtime-prevtime)/1000);
            // console.log(sub);

            var day = parseInt(sub / (3600 * 24));
            var hour = parseInt(sub % (3600 * 24) / 3600);
            var minute = parseInt(sub % 3600 / 60);
            var second = sub % 60 

            str = `距离上次来已经过了${day}天${hour}小时${minute}分钟${second}秒`
        }

        alert(str);





    </script>
</body>
</html>